@media (prefers-color-scheme: dark) {
		:root {
			--text: white;
			--border: #5a7678;
			--accent: #74C365;
			--bg: rgb(0,60,60,.8);
			--containerBase: rgb(38, 57, 56, .95);
			--overlay: rgb(30, 61, 52);
			--box: rgb(52, 84, 78);
			a:link { color: lightblue; }
		}
    }

@font-face {
	font-family: pixel_operator;
	src: url('../home page/PixelOperator.ttf'), format('ttf');
	font-style: normal;
	}


ul {
    color: var(--text);
  margin: 0;
  padding-left: 3rem;
  list-style: none;
  line-height: 1.25;
  position: relative;
  overflow: hidden;
}

li:not(:last-child) > ul::before {
  content: '\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020\2502\0020';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1em;
}


li {
  position: relative;
}

li::before {
  content: '\251C\2500\2500\0020';
}

li:last-child::before {
  content: '\2514\2500\2500\0020';
}


.window {
	border: 2px dotted var(--border);
	background: var(--containerBase);
    margin: 2vw auto 12px auto;
    width: 500px;
    padding: 10px;
    padding-left: -20px;
}

body {
    font-family: pixel_operator, monospace;

    background: url(siteMapBkgnd.png);
	background-color: rgb(12, 29, 33);
	background-position-x: center;
	background-repeat: no-repeat;

	position: fixed;
	height: auto;
	width: 100vw;

    
}

#backArrow {
    display: block;
    z-index: 50;
    position: fixed;
    height: 100px;
    margin-left: 2vw;
}